.sidebar {
    border: 1px solid #CCC;
    min-height: 100px;
    padding: 10px;
    border-radius: 10px;
}
.word {
    cursor: pointer;
}
.e_word, .c_word {
    color: darkred;
}
.c_word {
    /*font-family: 'Gochi Hand', cursive !important;*/
    /*font-family: 'Patrick Hand', cursive;*/
    /*background-color: #ffff00;*/
}
.v_word {
    color: darkgreen;
    /*font-family: 'Patrick Hand', cursive;*/
}
.p_word {
    color: darkblue;
}
.word:hover {
    background-color: lavender;
}
.hide {
    display: none;
}
.show {
    display: block;
}
.display_mode {
    cursor: pointer;
}
.words {
    width:100%;
}
.words tr {
    border-bottom: 1px;
    border-bottom-color: #CCC;
    border-bottom-style: dotted;
}
.current {
    border-color: #b92c28;
}
.rank-0 {
    color: darkseagreen;
}
.rank-1, .rank-2 {
    background-color: lightyellow;
    color: darkgreen;
}
.rank-3, .rank-4, .rank-5 {
    background-color: blanchedalmond;
    color: green;
}
.rank-6, .rank-7, .rank-8, .rank-9 {
    background-color: burlywood;
    color: lightcyan;
}
.rank-10, .rank-11, .rank-12, .rank-13, .rank-14 {
    background-color: chocolate;
    color: yellow;
}
.rank-15, .rank-16, .rank-17, .rank-18, .rank-19, .rank-20 {
    background-color: brown;
    color: lightyellow;
}
.rank-21 {
    background-color: black;
    color: white;
}

.word_operation {
    cursor: pointer;
}

.word_row-1 {
    background-color: lightyellow;
    color: darkgreen;
}
.word_row-2 {
    background-color: blanchedalmond;
    /*color: green;*/
}
.word_row-3 {
    background-color: burlywood;
    /*color: lightcyan;*/
}
.word_row-4 {
    background-color: chocolate;
    /*color: yellow;*/
}
.word_row-5 {
    background-color: brown;
    /*color: lightyellow;*/
}
.word_row-6 {
    background-color: black;
    /*color: white;*/
}

.modal-dialog {
    position:absolute;
    top:50% !important;
    transform: translate(0, -50%) !important;
    -ms-transform: translate(0, -50%) !important;
    -webkit-transform: translate(0, -50%) !important;
    margin:auto 5%;
    width:90%;
    height:80%;
}
.modal-content {
    min-height:100%;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    overflow-y: auto;
}
/*.modal-body {*/
    /*overflow-y:scroll;*/
/*}*/
.modal-footer {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
}

.note_img {
    display: block;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
}

.link {
    border-bottom-style: dotted;
    border-width: thin;
}

.less_words {
    border-style: dashed;
}

.more_words {
    border-style: outset;
}

.clear {
    float: none;
    clear: both;
}

.dropdown-menu {
    min-width: 0!important;
}

.test_word-opt {
    cursor: pointer;
}